<%--
    Document   : agregarEdificio
    Created on : 08/12/2010, 12:36:45 PM
    Author     : andres
--%>

<%@ taglib uri="http://struts.apache.org/tags-bean" prefix="bean" %>
<%@ taglib uri="http://struts.apache.org/tags-html" prefix="html" %>
<%@ taglib uri="http://struts.apache.org/tags-logic" prefix="logic" %>
<%@page contentType="text/html" pageEncoding="UTF-8"%>

<% request.setAttribute("allowed", "Gestionar Sedes, Areas y Edificios");%>
<%@ include file='../Templates/security.jsp' %>

<h1 class="title">Gestionar Edificios</h1>
<hr>
<p class="meta"></p>
<center>
    <h2>Agregar Edificio</h2>
    <br>
    <div>
        <p>Seleccione la sede a la cual pertenece el edificio</p>
        <select id="Sedes" onchange="showSede(this.value);"></select>
    </div>
    <div id="ubicacionUSB">
        <div id="map_canvas"></div>
        <center>
            <input type="button"  id="guardarUbicacion_btn" value="Guardar Ubicacion"/>
            <script type="text/javascript" src="Modulo2/js/Gmap.js"></script>
            <script type="text/javascript">
                function showSede(sede){
                    $('#formulario').hide();
                    $('#ubicacionUSB').show();
                    initialize(sede);
                    getUbications();
                    $('#sedeSelected').val(sede);
                    listaAreas(sede);
                }
                $('#guardarUbicacion_btn').click(function(){
                    $('#guardarUbicacion_btn').hide();
                    $('#ubicacionUSB').hide();
                    $('#formulario').show();
                });
            </script>
        </center>
    </div>
    <div id="agregarEdificioForm" class="formAgregacionEdificio formAgregacion" >
        <!-- Fila de insertar -->
        <html:form action="/agregarEdificio" styleId="AgregarEdificioForm"
                   onsubmit="return agregarEdificio()">
            <html:hidden property="sede" value="" styleId="sedeSelected"></html:hidden>
            <br>
            <table>
                <tr>
                    <td>Coordenada X:</td>
                    <td><html:text property="coordX" size="10" maxlength="10" styleId="coordX" readonly="true"/></td>
                    <td>Coordenada Y:</td>
                    <td><html:text property="coordY" size="10" maxlength="10" styleId="coordY" readonly="true"/></td>
                </tr>
            </table>
            <div id="formulario" style="display: none">
                <table>
                    <tr>
                        <td colspan="2" align="center">
                            <font color="red">
                                <bean:write name="AgregarEdificioForm" property="error" />
                                &nbsp;
                            </font>
                        </td>
                    </tr>
                    <tr>
                        <td><font color="red">*&nbsp;</font>Area:</td>
                        <td>
                            <select id="Areas" name ="id_area"></select>
                        </td>
                    </tr>
                    <tr>
                        <td><font color="red">*&nbsp;</font>Nombre del Edificio:</td>
                        <td><html:text property="nombre_edificio" size="20" maxlength="40"/></td>
                    </tr>
                    <tr>
                        <td><font color="red">*&nbsp;</font>Siglas del Edificio:</td>
                        <td><html:text property="siglas" size="5" maxlength="5"/></td>
                    </tr>
                    <tr>
                        <td><font color="red">*&nbsp;</font>Numero de Plantas:</td>
                        <td><html:select property="pisos" styleId="pisos">
                                <html:option value=" "></html:option>
                                <html:option value="0">1</html:option>
                                <html:option value="1">2</html:option>
                                <html:option value="2">3</html:option>
                                <html:option value="3">4</html:option>
                                <html:option value="4">5</html:option>
                                <html:option value="5">6</html:option>
                                <html:option value="6">7</html:option>
                                <html:option value="7">8</html:option>
                            </html:select>Incluyendo los niveles de los sotanos.</td>
                    </tr>
                </table>
                <br>
                <font color="red"><p>Los campos que tiene (*) son obligatorios.</p></font>
                <br>
                <div id="botonesForm" title="Crear nueva Edificio">
                    <center>
                        <br>
                        <input type="submit" value="Agregar" id="agregarEdificio_btn"/>
                        <input type="button" id="ubicarUSB_btn" value="Atrás"/>
                        <html:reset property="" styleId="resetForm" value="Limpiar"/>
                        <%-- <input type="button" id="novedadesAreas" value="Atrás" />  --%>
                    </center>
                </div>
            </div>
        </html:form>
    </div>
</center>
<!-- //Modulo 2 -->
<script type="text/javascript">
    $(function(){
        listaSedes();
        $('#formulario').hide();
        $('#ubicacionUSB').show();
    });
    
    $('#ubicarUSB_btn').click(function(){
        $('#resetForm').click();
        $('#formulario').hide();
        $('#ubicacionUSB').show();
        $('#guardarUbicacion_btn').show();
    });

</script>